<!-- tabbar -->
<template>
	<view class="tabs">
		<view class="item">
			<text class="value">32</text>
			<text class="label">在售中</text>
		</view>
		<view class="item">
			<text class="value">8</text>
			<text class="label">已下架</text>
		</view>
		<view class="item">
			<text class="batch">批量操作</text>
		</view>
	</view>
</template>

<script setup>
</script>

<style lang="scss" scoped>
	.tabs {
		display: flex;
		justify-content: space-around;
		height: 132rpx;
		background-color: white;
		
		.item {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: inherit;
			
			.value {
				font-weight: bold;
				font-size: 36rpx;
				color: #222222;
				line-height: 1.5;
			}
			
			.label {
				font-size: 28rpx;
				color: #222222;
				line-height: 1.5;
			}
			
			.batch {
				font-size: 28rpx;
				color: #222222;
				line-height: 1.5;
				padding-top: 20rpx;
			}
		}
	}
</style>